<script>

</script>
<template>
 <div class="reli">
    <div class="top">
        <div class="www">
    <img src="../Date/img/youliao.png" class="youliao"/>
    <van-icon name="search" size="25" class="tubiao"/>
    <van-icon name="info-o" size="25"/>
     <img src="../Date/img/zhanghao.png" class="youliao"/>
 </div>
 <div>
    <h5 style="font-size: 30px;">日历</h5>
    <van-calendar
  title="日历"
  :poppable="false"
  :show-confirm="false"
  :style="{ height: '400px' }"
  switch-mode="month"
  :default-date="multiple"
  :show-title="false"
  :row-height="50"
/>
 </div>
 <div>
    <h6>2021-11-4</h6>
    <p>2222</p>
 </div>
    </div>
 </div>

</template>
<style scoped>
.reli{
    background-color: #f1f3f5;
    width: 100%;;
    height: 100%;
}
.top{
    width: 90%;
    height: 100%;
    background-color: #ffffff;
    margin: 0 auto;
}
.www{
    width: 330px;
    height: 60px;
    background-color: #f1f3f5;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.youliao{
    width: 50px;
    height: 50px;
    border-radius: 30px;
}
.tubiao{
    margin-left: 150px;
}
</style>